<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" type="text/css" href="static/css/style.css">
  <link rel="stylesheet" type="text/css" href="static/css/public.css">
  <link rel="stylesheet" type="text/css" href="static/css/index.css">
  <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_403219_auoiajr573lhm2t9.css">
  <title>wo的作品</title>
  <style>
  </style>
</head>
<body>
  <div class="homepage otherpro">
    <div class="header" id='header'>
      <div class="wrap">
        <a href="#" class="logo fl"><img src="static/img/logo.png" alt=""></a>
        <ul class='fl nav' id='nav'>
          <li><a href="#">首页</a></li>
          <li><a href="#">推荐作品</a></li>
          <li><a href="#">动态</a></li>
          <span></span>
        </ul>
        <div class="fr right">
          <a href="javascript:;" class="submission fr">投稿</a>
          <div class="avator fr"><img src="static/img/img_all01.png" alt=""></div>
          <div class="news fr"><img src="static/img/news.png" alt=""><i></i></div>
          <div class="search-box fr">
            <a class="search fl clearfix" id="search"></a>
            <input type="text" class='fl' placeholder="搜索作品、二次元星人等">
          </div>
        </div>
      </div>
    </div>
    <div class="bg">
        <div class="wrap">
          <img src="static/img/img_all02.png" alt="" class='fl'>
          <div class="img-after">
            <p>布丁酱</p>
            <p class='info'>我是一个粉刷匠，画画本领强~</p>
          </div>
        </div>
    </div>
    <div class="home-nav" id='home-nav'>
      <div class="inner">
        <div class="wrap">
          <ul class='clearfix'>
            <li class='active'><a href="my_page.html">我的主页</a></li>
            <li><a href="my_products.html">作品库</a></li>
            <li><a href="my_articles.html">文章</a></li>
            <li><a href="my_collection.html">个人收藏</a></li>
            <li><a href="newsCenter_followList.html">关注列表</a></li>
          </ul>
        </div>
      </div>
    </div>

    <!-- 主要内容 -->
    <div class="main wrap">
      <!-- 他的分类 -->
      <div class="type">
        <div class='clearfix'>
          <label class='fl'>分类</label>
          <ul class='clearfix with870'>
            <li class='active'><a href="javascript:;">全部</a></li>
            <li><a href="javascript:;">插画</a></li>
            <li><a href="javascript:;">插画</a></li>
            <li><a href="javascript:;">二次元漫画</a></li>
          </ul>
          <div class="fr control">
            <a href="javascript:;" id='guilei'>归类</a>
            <a href="javascript:;" id='guileizhi' style='display:none'>归类至</a>
            <a href="javascript:;" id='control'>分类管理</a>
          </div>
        </div>
        <p>共发布46组作品</p>
      </div>
      <div class="list list4 mine">
        <ul class="clearfix">
            <li data-type='2'>
              <img src="static/img/img_all01.png" alt="">
              <div class="control clearfix">
                <a href="javascript:;" class="fl"><i class='icon iconfont icon-bianji'></i></a>
                <a href="javascript:;" class="fr"><i class='icon iconfont icon-shanchu1'></i></a>
              </div>
              <a href='javascript:;' class="btn icon iconfont check"></a>
              <!-- 这个是左上角的123 -->
              <span>NO.1</span>
              <!-- 文章的小框框 -->
              <div class="text">
                <p>插画修炼手册</p>
                <div class="inner">
                  <div class="detail">插画修炼手册,插画修炼手册插画修炼手册插画修炼手册插画修炼手册,插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册炼手册插画修炼手册插画修炼手册插画修炼手册</div>
                </div>
              </div>
            </li>
            <li data-type='2'>
              <img src="static/img/img_all01.png" alt="">
              <div class="control clearfix">
                <a href="javascript:;" class="fl"><i class='icon iconfont icon-bianji'></i></a>
                <a href="javascript:;" class="fr"><i class='icon iconfont icon-shanchu1'></i></a>
              </div>
              <a href='javascript:;' class="btn icon iconfont"></a>
              <!-- 这个是左上角的123 -->
              <span>NO.1</span>
              <!-- 文章的小框框 -->
              <div class="text">
                <p>插画修炼手册</p>
                <div class="inner">
                  <div class="detail">插画修炼手册,插画修炼手册插画修炼手册插画修炼手册插画修炼手册,插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册炼手册插画修炼手册插画修炼手册插画修炼手册</div>
                </div>
              </div>
            </li>
            <li data-type='2'>
              <img src="static/img/img_all01.png" alt="">
              <div class="control clearfix">
                <a href="javascript:;" class="fl"><i class='icon iconfont icon-bianji'></i></a>
                <a href="javascript:;" class="fr"><i class='icon iconfont icon-shanchu1'></i></a>
              </div>
              <a href='javascript:;' class="btn icon iconfont"></a>
              <!-- 这个是左上角的123 -->
              <span>NO.1</span>
              <!-- 文章的小框框 -->
              <div class="text">
                <p>插画修炼手册</p>
                <div class="inner">
                  <div class="detail">插画修炼手册,插画修炼手册插画修炼手册插画修炼手册插画修炼手册,插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册炼手册插画修炼手册插画修炼手册插画修炼手册</div>
                </div>
              </div>
            </li>
            <li data-type='2'>
              <img src="static/img/img_all01.png" alt="">
              <div class="control clearfix">
                <a href="javascript:;" class="fl"><i class='icon iconfont icon-bianji'></i></a>
                <a href="javascript:;" class="fr"><i class='icon iconfont icon-shanchu1'></i></a>
              </div>
              <a href='javascript:;' class="btn icon iconfont"></a>
              <!-- 这个是左上角的123 -->
              <span>NO.1</span>
              <!-- 文章的小框框 -->
              <div class="text">
                <p>插画修炼手册</p>
                <div class="inner">
                  <div class="detail">插画修炼手册,插画修炼手册插画修炼手册插画修炼手册插画修炼手册,插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册炼手册插画修炼手册插画修炼手册插画修炼手册</div>
                </div>
              </div>
            </li>
            <li data-type='2'>
              <img src="static/img/img_all01.png" alt="">
              <div class="control clearfix">
                <a href="javascript:;" class="fl"><i class='icon iconfont icon-bianji'></i></a>
                <a href="javascript:;" class="fr"><i class='icon iconfont icon-shanchu1'></i></a>
              </div>
              <a href='javascript:;' class="btn icon iconfont"></a>
              <!-- 这个是左上角的123 -->
              <span>NO.1</span>
              <!-- 文章的小框框 -->
              <div class="text">
                <p>插画修炼手册</p>
                <div class="inner">
                  <div class="detail">插画修炼手册,插画修炼手册插画修炼手册插画修炼手册插画修炼手册,插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册炼手册插画修炼手册插画修炼手册插画修炼手册</div>
                </div>
              </div>
            </li>
        </ul>
      </div>
      <div id='page'>
         <ul class='page'>
           <li>＜</li>
           <li>1</li>
           <li class='active'>2</li>
           <li>＞</li>
        </ul>
      </div>
    </div>

    <!-- 下拉列表 -->
    <div id="drop">
      <div class="dropdown"> 
        <p data-id='0' data-status='0'>请选择</p> 
        <ul> 
            <li><a href="javascript:;">乱画的</a></li> 
            <li><a href="javascript:;">好好画的</a></li> 
            <li><a href="javascript:;">屁画的</a></li> 
            <li><a href="javascript:;">屁画的</a></li> 
        </ul> 
      </div>
    </div>

    <!--分类管理 -->
    <div class="what-type" id='what-type'>
      <ul>
        <li class='clearfix'>
          <div class="box">
            <span>网页设计</span>
            <div class="fr"><a href="javascript:;" class='editor'>修改</a><a href="javascript:;" class='dele'>删除</a></div>
          </div>
          <div class="box hide">
            <input type="text">
            <div class="fr"><a href="javascript:;" class='ok'>完成</a><a href="javascript:;" class='cancel'>取消</a></div>
          </div>
        </li>
        <li class='clearfix'>
          <div class="box">
            <span>鬼东西啊</span>
            <div class="fr"><a href="javascript:;" class='editor'>修改</a><a href="javascript:;" class='dele'>删除</a></div>
          </div>
          <div class="box hide">
            <input type="text">
            <div class="fr"><a href="javascript:;" class='ok'>完成</a><a href="javascript:;" class='cancel'>取消</a></div>
          </div>
        </li>
      </ul>
      <div class="add clearfix">
        <input type="text" id='add-name'>
        <div class="fr"><a href="javascript:;" class='addname'>添加</a><a href="javascript:;" class='cancel-add'>取消</a></div>
      </div>
    </div>

     <!-- footer -->
    <div class="footer">
      <div class="wrap">
        <div class="content clearfix">
          <div class="left fl">
            <dl>
              <dt><a href="javascript:;">摸了个鱼</a></dt>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
            </dl>
          </div>
          <div class="mid fl">
            <dl>
              <dt><a href="javascript:;">友情链接</a></dt>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
            </dl>
          </div>
          <div class="right">
            <div class="box">
              <img src="static/img/footer1.png" height="120" width="120" alt="">
              <p>手机端下载</p>
              <div class="hidden">
                <img src="static/img/ma1.jpg" alt="">
              </div>
            </div>
            <div class="box">
              <img src="static/img/footer2.png" height="120" width="122" alt="">
              <p>官方微信</p>
              <div class="hidden">
                <img src="static/img/ma1.jpg" alt="">
              </div>
            </div>
            <div class="box">
              <img src="static/img/footer3.png" height="120" width="120" alt="">
              <p>官方微博</p>
              <div class="hidden">
                <img src="static/img/ma1.jpg" alt="">
              </div>
            </div>
          </div>
        </div>
        <div class="pt40">
          <p>摸了个鱼用户所发布展示的原创作品版权归原作者所有，任何商业用途均须联系作者。</br>如未经授权用作他处，作者将保留追究侵权者法律责任的权利</p>
        </div>
        <div class='bot'>
          <span>京ICP备11017824号-4&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;京ICP证130164号&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;北京市公安局朝阳分局备案编号:11010502000501</span>
        </div>
        </div>
      </div>
    </div>

  </div>
  <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <script src='assets/libs/layer/layer.js'></script>
  <script type="text/javascript" src='static/js/liju.js'></script>
  <script>
  $(function () {
    $('.detail').on('click', '.icon-pinglun', function () {
      $(this).parent().next('.hidden').slideToggle()
    })
  })
  </script>
</body>
</html>